<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Brunner Wildes Kilometer Radln</title>
        <link rel="stylesheet" type="text/css" href="style/kilometer.css">
        <style type="text/css">
/*            body{
                font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
                font-size:12px;
            }
            p, h1, form, button{border:0; margin:0; padding:0;}
            .spacer{clear:both; height:1px;}
             ----------- My Form ----------- 
            .myform{
                margin:0 auto;
                width:400px;
                padding:14px;
            }

             ----------- stylized ----------- 
            #stylized{
                border:solid 2px #b7ddf2;
                background:#ebf4fb;
            }
            #stylized h1 {
                font-size:14px;
                font-weight:bold;
                margin-bottom:8px;
            }
            #stylized p{
                font-size:11px;
                color:#666666;
                margin-bottom:20px;
                border-bottom:solid 1px #b7ddf2;
                padding-bottom:10px;
            }
            #stylized label{
                display:block;
                font-weight:bold;
                text-align:right;
                width:140px;
                float:left;
            }
            #stylized .small{
                color:#666666;
                display:block;
                font-size:11px;
                font-weight:normal;
                text-align:right;
                width:140px;
            }
            #stylized input{
                float:left;
                font-size:12px;
                padding:4px 2px;
                border:solid 1px #aacfe4;
                width:200px;
                margin:2px 0 20px 10px;
            }
            #stylized button{
                clear:both;
                margin-left:150px;
                width:125px;
                height:31px;
                background:#666666 url(img/button.png) no-repeat;
                text-align:center;
                line-height:31px;
                color:#FFFFFF;
                font-size:11px;
                font-weight:bold;
            }*/
        </style>
    </head>
    <body>

        <div id="Side">

            <?php
            require_once('header.php');
            require_once('navigation.php');
            ?>

            <div id="Info">
                <h2>Info-Box</h2>
                <p>Hatten Sie sich im letzten Beispiel gewundert,
                    warum die Überschrift dieser Box nicht als solche ausgezeichnet war?
                    Da diese Info-Box im Quelltext vor dem Inhaltsbereich steht
                    und erst in diesem die Hauptüberschrift notiert war,
                    wäre hier eine Überschrift zweiten Grades noch nicht sinnvoll gewesen.</p> 
<!--                <script src="//www.gmodules.com/ig/ifr?url=http://vremeameteo.ro/widget/widget3_austria.xml&amp;synd=open&amp;w=250&amp;h=300&amp;title=&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script>-->
            </div>
